<template>
<div class="home">
  <mt-swipe :auto="4000">
  <mt-swipe-item v-for="item in swipeList" :key="item.id">
      <img :src="item.img" alt="">
  </mt-swipe-item>
</mt-swipe>
<ul class="mui-table-view mui-grid-view mui-grid-9">
    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/newList">
            <img src="../assets/images/menu1.png" alt="">
            <div class="mui-media-body">Home</div></router-link></li>
    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <img src="../assets/images/menu2.png" alt="">
            <div class="mui-media-body">Email</div></a></li>
    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <img src="../assets/images/menu3.png" alt="">
            <div class="mui-media-body">Chat</div></a></li>
    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <img src="../assets/images/menu4.png" alt="">
            <div class="mui-media-body">location</div></a></li>
    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <img src="../assets/images/menu5.png" alt="">
            <div class="mui-media-body">Search</div></a></li>
    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <img src="../assets/images/menu6.png" alt="">
            <div class="mui-media-body">Phone</div></a></li>
    
</ul>
</div>
</template>
<script>
    export default{
        data(){
            return{
             swipeList:[]  
            }
        },
        created(){
            this.axios.get('http://www.liulongbin.top:3005/api/getlunbo').then(res=>{
                console.log(res)
                if(res.status===200){
                    this.swipeList=res.data.message
                }
                
            })
        }
    }
</script>
<style props >
.mint-swipe{
    height: 41vw;
    /* background: red; */
}
img{
    width: 100%;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
    border: none;
}
.mui-grid-view.mui-grid-9{
    background: #fff;
}

</style>
